<script setup>
import { onMounted } from 'vue'
import router from '@/router'

const toLogin = () => {
	localStorage.removeItem('token')
	setTimeout(toLoginPage, 5000)
}

const toLoginPage = () => {
	router.replace({
		path: '/login',
	})
}

onMounted(() => {
	toLogin()
})
</script>

<template>
	<div class="pages">
		<p class="title">修改密码</p>
		<div class="content">
			<div style="text-align: center">
				<img src="../image/success.png" alt="" style="width: 50px; height: 50px" />
				<p style="font-size: 20px">密码修改成功！</p>
			</div>
		</div>
	</div>
</template>

<style scoped lang="scss">
.pages {
	padding-bottom: 34px;
	box-sizing: border-box;

	& > .title {
		font-size: 44px;
		font-family: 'Microsoft YaHei UI', serif;
		font-weight: 400;
		letter-spacing: 1px;
		padding: 94px 0 58px;
		text-align: center;
	}

	.content {
		padding: 0 30px;
		box-sizing: border-box;
		height: 100%;
	}
}
</style>
